html,body,div{
	box-sizing: border-box;
}
body{
	background-color: #000;
}
div{
	position: absolute;
	margin: auto;
	left:0;
	right: 0;
	top:0;
	bottom: 0;
	border: 1px solid #999;
	border-radius: 50%;
}
.planet{
	width: 750px;
	height: 750px;
	border:1px solid pink;
	border-radius: 0;
}
.Neptune{
	width: 730px;
	height: 730px;
	animation:neptune 20s linear infinite;
}
@keyframes neptune{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Neptune img{
	position: absolute;
	left: 50%;
	margin-left: -20px;
	top:-20px;
	width: 40px;
	height: 40px;
}
.Uranus{
	width: 680px;
	height: 680px;
	animation:uranus 18s linear infinite;
}
@keyframes uranus{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Uranus img{
	position: absolute;
	left: 50%;
	margin-left: -18px;
	top:-18px;
	width: 36px;
	height: 36px;
}

.Saturn{
	width: 630px;
	height: 630px;
	animation:saturn 16s linear infinite;
}
@keyframes saturn{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Saturn img{
	position: absolute;
	left: 50%;
	margin-left: -16px;
	top:-16px;
	width: 32px;
	height: 32px;
}
.Jupiter{
	width: 580px;
	height: 580px;
	animation:jupiter 14s linear infinite;
}
@keyframes jupiter{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Jupiter img{
	position: absolute;
	left: 50%;
	margin-left: -14px;
	top:-14px;
	width: 28px;
	height: 28px;
}
.Mars{
	width: 530px;
	height: 530px;
	animation:mars 12s linear infinite;
}
@keyframes mars{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Mars img{
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top:-12px;
	width: 24px;
	height: 24px;
}
.Earth{
	width: 480px;
	height: 480px;
	animation:earth 10s linear infinite;
}
@keyframes earth{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Earth img{
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top:-10px;
	width: 20px;
	height: 20px;
}
.Venus{
	width: 430px;
	height: 430px;
	animation:venus 8s linear infinite;
}
@keyframes venus{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Venus img{
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top:-10px;
	width: 20px;
	height: 20px;
}
.Mercury{
	width: 380px;
	height: 380px;
	animation:mercury 6s linear infinite;
}
@keyframes mercury{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
.Mercury img{
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top:-10px;
	width: 20px;
	height: 20px;
}
.Sun{
	width: 300px;
	height: 300px;
	border: none;
}
.Sun img{
	position: absolute;
	left: 50%;
	margin-left: -185px;
	top:-45px;
	width: 380px;
	height: 380px;
}